<html>
	<head>
	
	<link rel="icon" 
      type="image/png" 
      href="favicon.png">
	
		<!--                                           -->
		<!-- Any title is fine                         -->
		<!--                                           -->
		<title>XIDE: page perspective</title>

    <style type="text/css">
      .CodeMirror-line-numbers {
        width: 2.2em;
        color: #aaa;
        background-color: #E5F5DC;
        text-align: right;
        padding-right: .3em;
        font-size: 10pt;
        font-family: monospace;
        padding-top: .4em;
      }
    </style>

		<!--                                           -->
		<!-- Use normal html, such as style            -->
		<!--                                           
		<style>
			body,td,a,div,.p{font-family:arial,sans-serif}
			div,td{color:#000000}
			a:link,.w,.w a:link{color:#0000cc}
			a:visited{color:#551a8b}
			a:active{color:#ff0000}
		</style>

		                                          -->
		<!-- Link CSS file                             -->
		<!--                                          
		<link type="text/css" rel='stylesheet' href='XIDE.css'/> -->

		<!--                                           -->
		<!-- This script loads your compiled module.   -->
		<!-- If you add any GWT meta tags, they must   -->
		<!-- be added before this line.                -->
		<!--                                           -->
		
	<!--<LINK REL="SHORTCUT ICON" HREF="http://testbed.tml.hut.fi/xide/styleImages/logo.png">-->
	
	</head>

	<!--                                           -->
	<!-- The body can have arbitrary html, or      -->
	<!-- you can leave the body empty if you want  -->
	<!-- to create a completely dynamic ui         -->
	<!--                                           -->
	<body>

		<div id="screen">
			<!--<div id="m">
				<div class="demo-FlexTableRowExample dragdrop-dropTarget dragdrop-boundary" style="overflow: hidden; position: relative; width: 100%; height: 100%;">
					<table cellspacing="0" cellpadding="0" style="width: 100%; height: 100%;">
						<tbody>
							<tr>
								<td width="" height="" align="left" style="vertical-align: top; height: 82px;">
									<div id="design-new-header" style="overflow: hidden; position: relative;">
										<table cellspacing="0" cellpadding="0" class="design-new-icon">
											<tbody>
												<tr>
													<td align="left" style="vertical-align: middle;">
														<img src="styleImages/logo.png" class="gwt-Image"/>
													</td>
												</tr>
											</tbody>
										</table>
									</div>							
								</td>
							</tr>
							<tr>
								<td id="main" width="" height="" align="left" style="vertical-align: top;">
								</td>
							</tr>
						</tbody>
					</table>
				</div>-->
				
				<!--	
			<div id="design-new-header" style="overflow: hidden; position: relative;">
				<table cellspacing="0" cellpadding="0" class="design-new-icon">
					<tbody>
						<tr>
							<td align="left" style="vertical-align: middle;">
								<img src="styleImages/logo.png" class="gwt-Image"/>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
				<div id = "main">
				</div>
			      <div id="site">
	        	</div>
       --><!-- </div>  -->
       
		<table class="gwt-TabPanel" cellspacing="0" cellpadding="0" style="width: 100%; height: 100%;">
			<tbody>
				<tr>
					<td align="left" style="vertical-align: top;">
						<div id="design-new-header" style="overflow: hidden; position: relative; height: 65px">
							<table cellspacing="0" cellpadding="0" class="design-new-icon">
								<tbody>
									<tr>
										<td align="left" style="vertical-align: middle;">
											<img src="styleImages/logo.png" class="gwt-Image"/>
										</td>
									</tr>
								</tbody>
							</table>
						</div>
					</td>
				</tr>
			<tr>
				<td align="left" style="vertical-align: top;" height="100%">
					<div style="height:100%; overflow:hidden;">
						<div style="width: 100%; height: 100%; position: relative;">
							  <div style="overflow: hidden; position: absolute; width: 100%; height: 100%;background-color: #eaeaea;">
								   <div style="overflow-y: auto; height: 100%;">
								      <div id = "main">
									  </div>
								   </div>
							  </div>
						</div>
					</div>
				</td>
			</tr>
			</tbody>
		</table>
        </div>		

		<!-- OPTIONAL: include this if you want history support -->
		<iframe src="javascript:''" id="__gwt_historyFrame" style="width:0;height:0;border:0"></iframe>
		
   		<script src="js/codemirror.js" type="text/javascript"></script>
   		<script type="text/javascript">
		    function doStuff() {
		    	alert(computeLoanInterest);
    		}
   		</script><!--
   		this.@fi.tkk.media.xide.client.popups.GoodPopupNotScrollablePanel::closePopup()();
   		this.@fi.tkk.media.xide.client.popups.GoodPopupNotScrollablePanel::closePopup()()
   		alert(1530281);
   		    <script type="text/javascript">
  				var editor = CodeMirror.fromTextArea('code', {
				    height: "350px",
				    parserfile: "parsexml.js",
				    stylesheet: "css/xmlcolors.css",
				    path: "js/",
				    continuousScanning: 500
 			 });
			</script>
   		--><script type="text/javascript" language="javascript" src="fi.tkk.media.xide.Main.nocache.js"></script>
   		
	</body>
</html>
